<ion-header>
  <ion-navbar>
    <button ion-button menuToggle>
      <ion-icon name="menu"></ion-icon>
    </button>
    <ion-title>Alert</ion-title>
  </ion-navbar>
</ion-header>

<ion-content padding>
  <h4>1. Basic Alert</h4>
  <button ion-button block (click)="doAlert()">
    Basic Alert
  </button>

  <h4>2. Confirm Alert</h4>
  <button ion-button color="light" block (click)="doConfirm()">
    Confirm Alert
  </button>

  <h4>3. Prompt Alert</h4>
  <button ion-button color="secondary" block (click)="doPrompt()">
    Prompt Alert
  </button>

  <h4>4. Radio Alert</h4>
  <button ion-button color="danger" block (click)="doRadio()">
    Radio Alert
  </button>

  <h4>5. Checkbox Alert</h4>
  <button ion-button color="dark" block (click)="doCheckbox()">
    Checkbox Alert
  </button>

</ion-content>
